<template>
  <!-- 底部收藏 -->
  <div class="collect">
    <div class="left">
      <img src="@/assets/indeximg/collect.png" alt="" />
      <span>+收藏<i>（1191）</i></span>
    </div>
    <div class="right">
      <span>用过</span>
      <img src="@/assets/indeximg/stars.png" alt="" />
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },

  components: {},

  computed: {},

  mounted() {},

  methods: {},
};
</script>

<style lang="less" scoped>
@import "../../assets/css/var.less";

.collect {
  position: fixed;
  bottom: 0;

  .border-top();
  height: 98px;
  line-height: 98px;
  width: 100%;
  padding: 0 69px 0 54px;
  font-size: 30px;
  .font_f_w ();
  color: #000000;
  .between ();
  .left {
    img {
      width: 38px;
      height: 34px;
      margin: 0 20px -6px 0;
    }
  }
  .right {
    img {
      width: 159px;
      height: 27px;
      margin-left: 20px;
    }
  }
}
</style>
